<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Js-Api 源代码浏览目录</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.min.css">
    <link rel="stylesheet" href="./style/index.css">
    <base target="_blank">
    <style>
        a::before,a::after {
            content: '';
            display: block;
        }
        blockquote>a::before,a::after {
            content: '';
            display: inline-block;
        }
    </style>
</head>
<body>
    <blockquote>
        【PC 端】所有代码在新标签页打开后点击 鼠标右键 - 查看源代码
        <br/>
        【ios 移动设备】可以使用 <a href="https://apps.apple.com/cn/app/alook%E6%B5%8F%E8%A7%88%E5%99%A8-2%E5%80%8D%E9%80%9F/id1261944766">Alook 浏览器 </a> 查看代码
    </blockquote>
    <h1>第一天</h1>
    <a href="./codes/第一天/01-getElementById获取元素.html">01 - getElementById 获取元素</a>
    <a href="./codes/第一天/02-getElementsByTagName获取某些元素.html">02 - getElementsByTagName 获取某些元素</a>
    <a href="./codes/第一天/03-H5新增获取元素方式(1).html">03 - H5 新增获取元素方式</a>
    <a href="./codes/第一天/04-获取特殊元素.html">04 - 获取特殊元素</a>
    <a href="./codes/第一天/05-事件三要素.html">05 - 事件三要素</a>
    <a href="./codes/第一天/06-执行事件步骤.html">06 - 执行事件步骤</a>
    <a href="./codes/第一天/07-操作元素之改变元素内容.html">07 - 操作元素之改变元素内容</a>
    <a href="./codes/第一天/08-innerText和innerHTML的区别.html">08 - innerText 和 innerHTML 的区别</a>
    <a href="./codes/第一天/09-操作元素之修改元素属性.html">09 - 操作元素之修改元素属性</a>
    <a href="./codes/第一天/10-分时问候并显示不同图片案例.html">10 - 分时问候并显示不同图片案例</a>
    <a href="./codes/第一天/11-操作元素之表单属性设置.html">11 - 操作元素之表单属性设置</a>
    <a href="./codes/第一天/12-仿京东显示隐藏密码.html">12 - 仿京东显示隐藏密码</a>
    <a href="./codes/第一天/13-操作元素之修改样式属性.html">13 - 操作元素之修改样式属性</a>
    <a href="./codes/第一天/14-关闭淘宝二维码案例.html">14 - 关闭淘宝二维码案例</a>
    <a href="./codes/第一天/15-循环精灵图.html">15 - 循环精灵图</a>
    <a href="./codes/第一天/16-显示隐藏文本框内容.html">16 - 显示隐藏文本框内容</a>
    <a href="./codes/第一天/17-通过className更改元素样式.html">17 - 通过 className 更改元素样式</a>
    <a href="./codes/第一天/18-仿新浪注册页面.html">18 - 仿新浪注册页面</a>
    <a href="./codes/第一天/作业-开关灯案例.html">作业 - 开关灯案例</a>

    <h1>第二天</h1>
    <a href="./codes/第二天/01-排他思想(算法).html">01 - 排他思想(算法)</a>
    <a href="./codes/第二天/02-百度换肤效果.html">02 - 百度换肤效果</a>
    <a href="./codes/第二天/03-表格隔行变色.html">03 - 表格隔行变色</a>
    <a href="./codes/第二天/04-全选反选.html">04 - 全选反选</a>
    <a href="./codes/第二天/05-自定义属性操作.html">05 - 自定义属性操作</a>
    <a href="./codes/第二天/06-tab栏切换.html">06 - tab 栏切换</a>
    <a href="./codes/第二天/07-H5自定义属性.html">07 - H5 自定义属性</a>
    <a href="./codes/第二天/08-节点概述.html">08 - 节点概述</a>
    <a href="./codes/第二天/09-父节点操作.html">09 - 父节点操作</a>
    <a href="./codes/第二天/10-子节点操作.html">10 - 子节点操作</a>
    <a href="./codes/第二天/11-子节点-第一个子元素和最后一个子元素.html">11 - 子节点-第一个子元素和最后一个子元素</a>
    <a href="./codes/第二天/12-兄弟节点.html">12 - 兄弟节点</a>
    <a href="./codes/第二天/13-创建和添加节点.html">13 - 创建和添加节点</a>
    <a href="./codes/第二天/14-简单版发布留言案例.html">14 - 简单版发布留言案例</a>

    <h1>第三天</h1>
    <a href="./codes/第三天/01-节点操作之删除节点.html">01 - 节点操作之删除节点</a>
    <a href="./codes/第三天/02-删除留言案例.html">02 - 删除留言案例</a>
    <a href="./codes/第三天/03-节点操作之克隆节点.html">03 - 节点操作之克隆节点</a>
    <a href="./codes/第三天/04-动态生成表格案例.html">04 - 动态生成表格案例</a>
    <a href="./codes/第三天/05-三种创建元素方式区别.html">05 - 三种创建元素方式区别</a>
    <a href="./codes/第三天/06-innerHTML拼接效率测试.html">06 - innerHTML 拼接效率测试（一）</a>
    <a href="./codes/第三天/07-innerHTML数组效率测试.html">07 - innerHTML 数组效率测试（二）</a>
    <a href="./codes/第三天/08-createElement效率测试.html">08 - createElement 效率测试</a>
    <a href="./codes/第三天/09-注册事件两种方式.html">09 - 注册事件两种方式</a>
    <a href="./codes/第三天/10-删除事件.html">10 - 删除事件</a>
    <a href="./codes/第三天/11-DOM 事件流三个阶段.html">11 - DOM 事件流三个阶段</a>
    <a href="./codes/第三天/12-事件对象.html">12 - 事件对象</a>
    <a href="./codes/第三天/13-事件对象e.target.html">13 - 事件对象 e.target</a>
    <a href="./codes/第三天/14-事件对象阻止默认行为.html">14 - 事件对象阻止默认行为</a>
    <a href="./codes/第三天/15-阻止事件冒泡.html">15 - 阻止事件冒泡</a>
    <a href="./codes/第三天/16-事件委托.html">16 - 事件委托</a>
    <a href="./codes/第三天/17-常见鼠标事件.html">17 - 常见鼠标事件</a>
    <a href="./codes/第三天/18-鼠标事件对象.html">18 - 鼠标事件对象</a>
    <a href="./codes/第三天/19-跟随鼠标的天使.html">19 - 跟随鼠标的天使</a>

    <h1>第四天</h1>
    <a href="./codes/第四天/01-常用的键盘事件.html">01 - 常用的键盘事件</a>
    <a href="./codes/第四天/02-键盘事件对象之keyCode属性.html">02 - 键盘事件对象之 keyCode 属性</a>
    <a href="./codes/第四天/03-模拟京东按键输入内容.html">03 - 模拟京东按键输入内容</a>
    <a href="./codes/第四天/04-模拟京东快递单号查询案例.html">04 - 模拟京东快递单号查询案例</a>
    <a href="./codes/第四天/05-BOM顶级对象window.html">05 - BOM 顶级对象 window</a>
    <a href="./codes/第四天/06-window常见事件onload.html">06 - window 常见事件 onload</a>
    <a href="./codes/第四天/07-调整窗口大小事件.html">07 - 调整窗口大小事件</a>
    <a href="./codes/第四天/08-定时器之setTimeout.html">08 - 定时器之 setTimeout</a>
    <a href="./codes/第四天/09-5秒之后自定关闭的广告.html">09 - 5 秒之后自定关闭的广告</a>
    <a href="./codes/第四天/10-清除setTimeout定时器.html">10 - 清除 setTimeout 定时器</a>
    <a href="./codes/第四天/11-定时器之setInterval.html">11 - 定时器之 setInterval</a>
    <a href="./codes/第四天/12-倒计时效果.html">12 - 倒计时效果</a>
    <a href="./codes/第四天/13-清除setInterval定时器.html">13 - 清除 setInterval 定时器</a>
    <a href="./codes/第四天/14-发送短信案例.html">14 - 发送短信案例</a>
    <a href="./codes/第四天/15-this指向问题.html">15 - this指向问题</a>
    <a href="./codes/第四天/16-js 执行队列.html">16 - js 执行队列</a>
    <a href="./codes/第四天/17-5秒钟之后跳转页面.html">17 - 5 秒钟之后跳转页面</a>
    <a href="./codes/第四天/18-获取URL参数/login.html">18 - 获取 URL 参数</a>
    <a href="./codes/第四天/19-location常见的方法.html">19 - location 常见的方法</a>
    <a href="./codes/第四天/20-navigator 对象/PC/index.html">20 - navigator 对象 - PC</a>
    <a href="./codes/第四天/20-navigator 对象/H5/index.html">20 - navigator 对象 - h5</a>
    <a href="./codes/第四天/21-history对象/index.html">21 - history 对象</a>

    <h1>第五天</h1>
    <a href="./codes/第五天/01-offset系列属性.html">01 - offset 系列属性</a>
    <a href="./codes/第五天/02-offset与style的区别.html">02 - offset 与 style 的区别</a>
    <a href="./codes/第五天/02-缓动动画多个目标值之间移动.html">02 - 缓动动画多个目标值之间移动</a>
    <a href="./codes/第五天/03-缓动动画添加回调函数.html">03 - 缓动动画添加回调函数</a>
    <a href="./codes/第五天/03-计算鼠标在盒子内的坐标.html">03 - 计算鼠标在盒子内的坐标</a>
    <a href="./codes/第五天/04-引用animate动画函数.html">04 - 引用 animate 动画函数</a>
    <a href="./codes/第五天/04-拖动的模态框.html">04 - 拖动的模态框</a>
    <a href="./codes/第五天/05-京东放大镜效果/detail.html">05 - 京东放大镜效果</a>
    <a href="./codes/第五天/05-轮播图制作/index.html">05 - 轮播图制作</a>
    <a href="./codes/第五天/06-client系列.html">06 - client 系列</a>
    <a href="./codes/第五天/06-仿淘宝返回顶部.html">06 - 仿淘宝返回顶部</a>
    <a href="./codes/第五天/07-touch触摸事件.html">07 - touch 触摸事件</a>
    <a href="./codes/第五天/07-筋斗云导航栏/demo css部分.html">07 - 筋斗云导航栏 - demo css 部分</a>
    <a href="./codes/第五天/07-筋斗云导航栏/demo js部分.html">07-筋斗云导航栏 - demo js 部分</a>
    <a href="./codes/第五天/08-立即执行函数.html">08 - 立即执行函数</a>
    <a href="./codes/第五天/08-触摸事件对象touchEvent.html">08 - 触摸事件对象 touchEvent</a>
    <a href="./codes/第五天/09-像素比和pageshow事件.html">09 - 像素比和 pageshow 事件</a>
    <a href="./codes/第五天/09-移动端拖动元素.html">09 - 移动端拖动元素</a>
    <a href="./codes/第五天/10-scroll系列.html">10 - scroll 系列</a>
    <a href="./codes/第五天/11-仿淘宝固定侧边栏.html">11 - 仿淘宝固定侧边栏</a>
    <a href="./codes/第五天/12-mouseenter和mouseover的区别.html">12 - mouseenter 和 mouseover 的区别</a>
    <a href="./codes/第五天/13-动画原理.html">13 - 动画原理</a>
    <a href="./codes/第五天/14-简单动画函数封装.html">14 - 简单动画函数封装</a>
    <a href="./codes/第五天/15-给不同对象添加不同定时器.html">15 - 给不同对象添加不同定时器</a>

    <h1>第六天</h1>
    <a href="./codes/第六天/01-缓动动画原理.html">01 - 缓动动画原理</a>
    <a href="./codes/第六天/02-缓动动画多个目标值之间移动.html">02 - 缓动动画多个目标值之间移动</a>
    <a href="./codes/第六天/03-缓动动画添加回调函数.html">03 - 缓动动画添加回调函数</a>
    <a href="./codes/第六天/04-引用animate动画函数.html">04 - 引用 animate 动画函数</a>
    <a href="./codes/第六天/05-轮播图制作/index.html">05 - 轮播图制作</a>
    <a href="./codes/第六天/06-仿淘宝返回顶部.html">06 - 仿淘宝返回顶部</a>
    <a href="./codes/第六天/07-touch触摸事件.html">07 - touch 触摸事件</a>
    <a href="./codes/第六天/08-触摸事件对象touchEvent.html">08 - 触摸事件对象 touchEvent</a>
    <a href="./codes/第六天/09-移动端拖动元素.html">09 - 移动端拖动元素</a>

    <h1>第七天</h1>
    <a href="./codes/第七天/01-移动端轮播图/index.html"> 01 - 移动端轮播图</a>
    <a href="./codes/第七天/02-classList使用.html">02 - classList 使用</a>
    <a href="./codes/第七天/03-fastclick插件使用.html">03 - fastclick 插件使用</a>
    <a href="./codes/第七天/04-swiper插件的使用/index.html">04 - swiper 插件的使用</a>
    <a href="./codes/第七天/05-视频插件/index.html">05 - 视频插件</a>
    <a href="./codes/第七天/06-bootstrap轮播图/index.html">06 - bootstrap 轮播图</a>
    <a href="./codes/第七天/07-阿里百秀轮播图/index.html">07 - 阿里百秀轮播图</a>
    <a href="./codes/第七天/08-本地存储之sessionStorage.html">08 - 本地存储之 sessionStorage</a>
    <a href="./codes/第七天/09-本地存储之localStorage.html">09 - 本地存储之 localStorage</a>
    <a href="./codes/第七天/10-记住用户名.html">10 - 记住用户名</a>
</body>
</html>